@import '/variable.less';

@font-size-small: 12px;
@image-size: 340rpx;

.home-card {
  display: inline-flex;
  flex-direction: column;
  width: @image-size;
  height: 488rpx;
  border-radius: 9px;
  background: @bg-color-white;

  &__image {
    width: @image-size;
    height: @image-size;
  }

  &__info {
    padding: 32rpx;
    font-weight: 400;
    font-size: @font-size-small;
  }

  &__tag-group {
    display: flex;
    gap: 16rpx;
    margin-top: 16rpx;
  }

  text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-align: center;
  }
}
